<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="./css.css" rel="stylesheet">
    <style>
        .slideBox{ width:100%; height:430px; overflow:hidden; position:relative; margin-bottom: 50px;}
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd a{ display: block; width: 100%; height: 430px; background-position: center; background-size: cover}

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }
    </style>
    <script type="text/javascript" src="js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
    <div class="com-menu">
        <div class="container">
            <div class="right">
                <ul>
                    <li><a class="router-link-active" href="index.html">首页</a></li>
                    <li><a href="history.html">历史活动</a></li>
                </ul>
                <div>
                    <span class="icon-font">&#xe600;</span>
                    <span>400-872-5600</span>
                </div>
            </div>
            <div class="left">
                <span><img src="image/logo.png"/></span>
                <span> 为物流人的梦想和快乐服务</span>
            </div>
        </div>
    </div>

    <div id="slideBox" class="slideBox">
        <div class="bd">
            <ul>
                <li><a href="index.html" target="_blank" style="background-image: url('./image/banner01.jpg')"></a></li>
                <li><a href="index.html" target="_blank" style="background-image: url('./image/banner01.jpg')"></a></li>
                <li><a href="index.html" target="_blank" style="background-image: url('./image/banner01.jpg')"></a></li>
            </ul>
        </div>
        <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
        <a class="prev" href="javascript:void(0)"></a>
        <a class="next" href="javascript:void(0)"></a>
    </div>
    <script>jQuery(".slideBox").slide({mainCell:".bd ul", interTime:"3000", effect:"leftLoop", autoPlay:true});</script>

    <div class="content-box">
        <div class="box-right">
            <div class="about">
                <div class="com-title">
                    <div class="right">
                        <a href=""> 产看更多> </a>
                    </div>
                    <div class="left">
                        <span>关于我们</span>
                        <span>ABOUT US</span>
                    </div>
                </div>
                <div class="cont">
                    <ul>
                        <li>
                            <div class="icon"><span class="icon-font">&#xe601;</span></div>
                            <dl>
                                <dt>远景</dt>
                                <dd>为物流人的梦想和快乐服务</dd>
                            </dl>
                        </li>
                        <li>
                            <div class="icon"><span class="icon-font">&#xe62e;</span></div>
                            <dl>
                                <dt>理念</dt>
                                <dd>创造价值、帮助别人</dd>
                            </dl>
                        </li>
                        <li>
                            <div class="icon"><span class="icon-font">&#xe632;</span></div>
                            <dl>
                                <dt>定位</dt>
                                <dd>连接</dd>
                            </dl>
                        </li>
                        <li>
                            <div class="icon"><span class="icon-font">&#xe726;</span></div>
                            <dl>
                                <dt>优势</dt>
                                <dd>（1）全国范围、线上线下覆盖</dd>
                                <dd>（2）多个服务项目公益化</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="contact">
                <div class="com-title">
                    <div class="right">
                        <a href=""> 产看更多> </a>
                    </div>
                    <div class="left">
                        <span>联系我们</span>
                        <span>CONTACT US</span>
                    </div>
                </div>
                <div class="cont">
                    <div class="cord"><img src="image/cord.jpg"/></div>
                    <ul>
                        <li><span>公司：</span>南京金兔信息科技有限公司</li>
                        <li><span>地址：</span>江苏南京玄武大道699-22号江苏软件园</li>
                        <li><span>热线：</span>400-872-5600</li>
                        <li><span>欢迎拨打热线或扫描二维码咨询</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="box-left">
            <div class="com-title">
                <div class="right">
                    <a href=""> 产看更多> </a>
                </div>
                <div class="left">
                    <span>历史活动</span>
                    <span>HISTORY</span>
                </div>
            </div>
            <div class="list">
                <ul>
                    <li>
                        <div class="img"><a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA"><img src="./image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA">一图知天下，物流尽其中</a></dt>
                            <dd class="intro">
                                <a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                    <li>
                        <div class="img"><a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA"><img src="image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA">一图知天下，物流尽其中</a></dt>
                            <dd class="intro">
                                <a href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                    <li>
                        <div class="img"><a href=""><img src="image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="http://mp.weixin.qq.com/s/TjcRr5A6hz2KKOpHcsoKRw">“金兔物流地图”发布会集锦</a></dt>
                            <dd class="intro">
                                <a href="http://mp.weixin.qq.com/s/TjcRr5A6hz2KKOpHcsoKRw">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                    <li>
                        <div class="img"><a href="http://mp.weixin.qq.com/s/7roi-hvYExl5YKnnuJ3zxA"><img src="image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="http://mp.weixin.qq.com/s/7roi-hvYExl5YKnnuJ3zxA">金兔热情洋溢的欢迎致辞</a></dt>
                            <dd class="intro">
                                <a href="http://mp.weixin.qq.com/s/7roi-hvYExl5YKnnuJ3zxA">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                    <li>
                        <div class="img"><a href="https://mp.weixin.qq.com/s/HrW4lJDoDP4qIiatIrJzkA"><img src="image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="https://mp.weixin.qq.com/s/HrW4lJDoDP4qIiatIrJzkA">金兔公布“全国物流专线统计报告”</a></dt>
                            <dd class="intro">
                                <a href="https://mp.weixin.qq.com/s/HrW4lJDoDP4qIiatIrJzkA">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                    <li>
                        <div class="img"><a href="https://mp.weixin.qq.com/s/NJyELYJWdDKT-BihprXQvw"><img src="image/hisImg01.jpg"/></a></div>
                        <dl class="cont">
                            <dt><a href="https://mp.weixin.qq.com/s/NJyELYJWdDKT-BihprXQvw">金兔地图功能和使用方法</a></dt>
                            <dd class="intro">
                                <a href="https://mp.weixin.qq.com/s/NJyELYJWdDKT-BihprXQvw">贺金兔物流地图在全国首发首月引起极大反响</a>
                            </dd>
                            <dd class="time">2017-10-12</dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="com-bottom">
        <div class="cont">
            Copyright © Copyright 2010-2011 版权所有:南京金兔信息科技有限公司 All Right Reserved.
        </div>
    </div>
</body>
</html>